<!DOCTYPE HTML>
<!-- 
   Test 01: OpenLayers + ExtJS 4 Charting API
      - displays OpenLayers map directly to a manually created DIV without ExtJS
      - map spans whole screen and automatically redraws on window resize
        via vvg.redrawMap() (else becomes blank)
      - ExtJS chart pops up on invocation of vvgViz.showChart()
         - bug: can't click on chart window frame - background map receives
           the mouse clicks & drags
-->
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>UB VVG</title>

      <!-- ExtJS dependencies -->
      <link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css" />
      <script type="text/javascript" src="http://dev.sencha.com/deploy/ext-4.0.7-gpl/bootstrap.js"></script>
      <script type="text/javascript" src="http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/example-data.js"></script>
      
      <link rel="stylesheet" href="js/OpenLayers-2.11/theme/default/style.css" type="text/css">
<!--      <link rel="stylesheet" href="js/OpenLayers-2.11/theme/default/google.css" type="text/css">-->
      <link rel="stylesheet" href="js/OpenLayers-2.11/examples/style.css" type="text/css">
      <style type="text/css">
         html, body, #map_element {
            margin: 0;
            width: 100%;
            height: 100%;
         }
/*         #chart, #map_element {
            width: 100%;
            height: 100%;
         }*/
      </style>
      
      <!-- OpenLayers dependencies -->
      <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.6&amp;sensor=false"></script>
      <script type="text/javascript" src="js/OpenLayers-2.11/OpenLayers.js"></script>
      
      <!-- Application code -->
      <script type="text/javascript" src="app/vvg_waterlevels_viz.js"></script>
      <script type="text/javascript" src="app/vvg.js"></script>
   </head>
   
   <body onload="vvg.init('map_element')" onresize="vvg.redrawMap()" id="doc-body">
      <div id="map_element"></div>
      <div id="chart"></div>
   </body>
      
</html>